<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>

	id      				#
	class					.
	标签						标签名
	*						选中所有标签
	div p 					后代选择器
	div>p 					子代选择器
	div.one 				交集选择器 只有满足 即是div 又是类名one 才会执行	
	.one,.two 				并集选择器 同时选中类名叫 one 的 也会选中类名叫 two 的
	nth-child(第几个)		选中同级别的第几个
	nth-of-type(第几个)		选中同级别同类型的第几个

	总结： id class 标签 * 谁的权重高 请排序
	important > 行内 > id > class > 标签 > * > 继承
	继承：font-	text-	color-	line-

	width	宽
	height	高
	px	像素点	100 %	根据父级空间

	font-size	字体大小
	font-weight	加粗

	color 		颜色
	backgroud 	背景颜色

	text-align 	水平对齐
	text-indent 首行缩进

	margin		外边距
	padding		内边距
	border		边框

	display:block 			变为块标签
	display:inline 			变为行内标签
	display:inline-block 	变为行内块

	vertical-align 控制行内 或行内块元素 垂直对齐方式 top middle bottom

	line-height 行高 行与行 之间的距离 

	border-radius 圆角
	border-top-left-radius 还可以设置某一个角 圆角





</body>
</html>